describe('support child markers changing icon', function () {
    /////////////////////////////
    // SETUP FOR EACH TEST
    /////////////////////////////
    var map, div, clock;

    beforeEach(function () {
        clock = sinon.useFakeTimers();

        div = document.createElement('div');
        div.style.width = '200px';
        div.style.height = '200px';
        document.body.appendChild(div);

        map = L.map(div, {maxZoom: 18, trackResize: false});

        map.fitBounds(new L.LatLngBounds([
            [1, 1],
            [2, 2]
        ]));
    });

    afterEach(function () {
        map.remove();
        document.body.removeChild(div);
        clock.restore();

        map = div = clock = null;
    });

    /////////////////////////////
    // TESTS
    /////////////////////////////
    it('child markers end up with the right icon after becoming unclustered', function () {

        var group = new L.MarkerClusterGroup();
        var marker = new L.Marker([1.5, 1.5], {icon: new L.DivIcon({html: 'Inner1Text'})});
        var marker2 = new L.Marker([1.5, 1.5]);

        map.addLayer(group);
        group.addLayer(marker);

        expect(marker._icon.parentNode).to.be(map._panes.markerPane);
        expect(marker._icon.innerHTML).to.contain('Inner1Text');

        group.addLayer(marker2);

        expect(marker._icon).to.be(null); //Have been removed from the map

        marker.setIcon(new L.DivIcon({html: 'Inner2Text'})); //Change the icon

        group.removeLayer(marker2); //Remove the other marker, so we'll become unclustered

        expect(marker._icon.innerHTML).to.contain('Inner2Text');
    });
});